<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>KLIPSE: a simple and elegant online cljs compiler and evaluator</title>
        <link rel='shortcut icon' type='image/x-icon' href='img/klipse.png' />
        <link rel="stylesheet" type="text/css" href="css/codemirror.css">
    </head>
    <body>

      <iframe width="500" height="500B" src="https://docs.google.com/spreadsheets/d/1uOGdwnpNpLSTFD1iI1hTqMyez0HVimCiNVSpx7OOXvg/pubchart?oid=470888199&format=interactive"></iframe>

      <iframe height="600px" width="100%" style="border:none;" src="https://view-awesome-table.com/-Kfva0rCiX-NXHKw8zrb/view"></iframe>


      
<pre><code class="js" data-async-code="true">
window.coffeeData = [
    ['Year', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'],
    ['2012',  165,      938,         522,             998,           450,      614.6],
    ['2013',  135,      1120,        599,             1268,          288,      682],
    ['2014',  157,      1167,        587,             807,           397,      623],
    ['2015',  139,      1110,        615,             968,           215,      609.4],
    ['2016',  136,      691,         629,             1026,          366,      569.6]
  ];
	  
</code></pre>

<br>

<div data-type="AwesomeTableView" data-viewID="-Kfva0rCiX-NXHKw8zrb"></div>

<pre><code class="gchart">
{
  chartType:'LineChart',
  dataSourceUrl:'http://spreadsheets.google.com/tq?key=pCQbetd-CptGXxxQIG7VFIQ&pub=1',
  query:'SELECT A,D WHERE D > 100 ORDER BY D',
  options: {'title':'Population Density (people/km^2)', 'legend':'none', height: 200}
}
</code></pre>

<pre><code class="gchart" data-async-code="true">
{
  dataTable: coffeeData,
  options: {
    showRowNumber: true,
    width: '100%',
    height: '100%'
  },
  chartType: "Table"
}
</code></pre>

Combo Chart
<pre><code class="gchart" data-async-code="true">
{
  dataTable: coffeeData,
  options: {
    title : 'Monthly Coffee Production by Country',
    legend: {position: 'top', maxLines: 3},	
    vAxis: {title: 'Million of Cups'},
hAxis: {title: 'Year'},
height: 500,
    seriesType: 'bars',
    series: {5: {type: 'line'}}
  },
  chartType: "ComboChart"
}
</code></pre>

<script src="https://awesome-table.com/AwesomeTableInclude.js"></script>
      <script>
        window.klipse_settings = {
        selector_google_charts: '.gchart',
	selector_eval_js: '.js',
        };
        </script>
      <script src="/fig/js/klipse.fig.js"></script>
    </body>
</html>
